<template>
  <div>
    <van-nav-bar
      :z-index="999"
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="服务中心 "
    ></van-nav-bar>
    <van-tabs v-model="active">
      <van-tab title="服务投诉">
        <ServiceComplaint />
      </van-tab>
      <van-tab title="管理机构地址">
        <RegulatoryAgency></RegulatoryAgency>
      </van-tab>
      <van-tab title="用户帮助">
        <TroubleShooting></TroubleShooting>
      </van-tab>
      <van-tab title="湘潭体检中心">
        <ExplorationCenter></ExplorationCenter>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import ServiceComplaint from "./ServiceCenter/ServiceComplaint";
import RegulatoryAgency from "./ServiceCenter/RegulatoryAgency";
import TroubleShooting from "./ServiceCenter/TroubleShooting";
import ExplorationCenter from "./ServiceCenter/ExplorationCenter";
export default {
  name: "ServiceCenter",
  data() {
    return {
      active: 0
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
  components: {
    ServiceComplaint,
    RegulatoryAgency,
    TroubleShooting,
    ExplorationCenter
  },
  created() {
    let dsBridge = require("dsbridge");
    dsBridge.call("goBack", "", function() {
      history.go(-1);
    });
  }
};
</script>

<style></style>
